<template>
	<view class="centers">
		<view class="view" v-for="(item,index) in listData" :key="index">
			<view class="box1">
				<image :src="item.src" mode=""></image>
				<view class="text">{{item.text1}}</view>
			</view>
			<view class="box2">
				
				<view>{{item.qian}}</view>
				<image src="../../static/iamges/jiaobiao2.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"center",
		data() {
			return {
				listData:[
					{src:'../../static/iamges/heiqianbao.png',text1:'我的资产',qian:'******'},
					{src:'../../static/iamges/qianheix.png',text1:'资金流水',qian:'******'},
					{src:'../../static/iamges/fangqianhei.png',text1:'持仓',qian:'******'},
					{src:'../../static/iamges/dunpaihei.png',text1:'我的保险',qian:'******'},
					{src:'../../static/iamges/jijinghei.png',text1:'基金',qian:'******'},
					{src:'../../static/iamges/dingqihei.png',text1:'定期',qian:'******'},
					{src:'../../static/iamges/huoqihei.png',text1:'活期',qian:'******'},
					{src:'../../static/iamges/mykefu.png',text1:'我的客服',qian:'******'},
					
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
 .centers{
	 .view{
		 height: 120rpx;
		 border-bottom: 1px solid #F3F4F6;
		 padding-top: 20rpx;
		 box-sizing: border-box;
		 display: flex;
		 .box2{
			 box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			 image{
				 margin-top: 25rpx !important;
				 width: 20rpx !important;
				 height: 30rpx !important;
				 margin-right: 26rpx;
			 }
			 view{
				font-size: 28rpx;
				color: #333333;
				margin-top: 25rpx;
			
				margin-left: 200rpx;
				
			 }
		 }
		 .box1,.box2{
			 width: 50%;
			 height: 100%;
			
			 box-sizing: border-box;
			display: flex;
			 image{
				 width: 50rpx;
				 height: 55rpx;
				margin-top: 15rpx;
			 }
			 .text{
				 margin-top: 22rpx;
				 margin-left: 24rpx;
				 font-size: 28rpx;
				 color: #333333;
			 }
		 }
	 }
 }
</style>
